<script lang="ts" setup>
interface Props {
  title: string
}

defineProps<Props>()
</script>

<template>
  <div class="card-header">
    <h3>{{ title }}</h3>
  </div>
</template>

<style lang="scss" scoped>
.card-header {
  padding: 20px 24px;
  border-bottom: 1px solid var(--el-border-color-extra-light);
  flex-shrink: 0;

  h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--el-text-color-primary);
  }
}
</style>
